body {
  background-color: #e3e3e3;
}
body .header {
  background-color: #fff;
  margin-bottom: 0.71111111rem;
  width: 26.66666667rem;
  padding-bottom: 1.20888889rem;
}
body .header .top {
  overflow: hidden;
  background-color: #ff8f00;
  padding-left: 0.71111111rem;
}
body .header .top .scanning {
  padding-top: 0.78222222rem;
  padding-bottom: 0.78222222rem;
  cursor: pointer;
  float: left;
  width: 1.56444444rem;
  height: 1.56444444rem;
}
body .header .top label {
  display: inline-block;
  position: relative;
  float: left;
  padding-top: 0.64rem;
  padding-bottom: 0.64rem;
  margin-left: 3.91111111rem;
}
body .header .top label:after {
  content: '';
  display: block;
  position: absolute;
  background: url("../img/search.png") no-repeat;
  background-size: 100%;
  width: 1.49333333rem;
  height: 1.49333333rem;
  top: 0.78222222rem;
  left: 0.42666667rem;
  cursor: pointer;
}
body .header .top label input {
  line-height: 1.77777778rem;
  border-radius: 1.77777778rem;
  text-indent: 2.70222222rem;
  border: none;
  color: #999;
  width: 14.22222222rem;
  font-size: 0.99555556rem;
}
body .header .top .mold {
  float: right;
  cursor: pointer;
  padding-right: 0.71111111rem;
  padding-top: 0.92444444rem;
  width: 1.42222222rem;
  height: 1.28rem;
}
body .header .banner a img {
  cursor: pointer;
  width: 26.66666667rem;
}
body .header .nav {
  overflow: hidden;
  margin-top: 1.13777778rem;
}
body .header .nav li {
  text-align: center;
  float: left;
  width: 6.66666667rem;
}
body .header .nav li a {
  text-decoration: none;
  display: inline-block;
}
body .header .nav li a img {
  width: 3.2rem;
  height: 3.2rem;
  margin-left: 0.42666667rem;
}
body .header .nav li a p {
  margin-top: 0.35555556rem;
  font-size: 0.99555556rem;
  text-align: center;
  color: #000000;
}
body .discount {
  background-color: #fff;
  padding-top: 1.06666667rem;
}
body .discount .title {
  font-size: 1.28rem;
  border-left: 0.21333333rem solid #ffc500;
  margin-bottom: 1.06666667rem;
  margin-left: 0.71111111rem;
}
body .discount .tags {
  overflow: hidden;
  margin-bottom: 0.71111111rem;
}
body .discount .tags li {
  float: left;
  margin-left: 0.71111111rem;
  width: 12.26666667rem;
  margin-bottom: 1.77777778rem;
}
body .discount .tags li a {
  display: inline-block;
}
body .discount .tags li a .discount-img {
  width: 12.26666667rem;
  border: 1px solid #e5e5e5;
  text-align: center;
}
body .discount .tags li a .discount-img img {
  display: inline-block;
  width: 12.26666667rem;
}
body .discount .tags li a p {
  margin-top: 0.35555556rem;
  font-size: 0.85333333rem;
  color: #3f3f3f;
  line-height: 0.99555556rem;
}
body .recommend {
  margin-bottom: 0.71111111rem;
  background-color: #fff;
  padding-top: 1.06666667rem;
}
body .recommend .title {
  font-size: 1.28rem;
  border-left: 0.21333333rem solid #ffc500;
  margin-bottom: 1.06666667rem;
  margin-left: 0.71111111rem;
}
body .recommend .tags {
  padding-bottom: 1.77777778rem;
  overflow: hidden;
}
body .recommend .tags .left {
  width: 12.26666667rem;
  float: left;
  margin-left: 0.71111111rem;
  margin-right: 0.71111111rem;
}
body .recommend .tags .left a .left-img {
  border: 1px solid #e5e5e5;
  width: 12.26666667rem;
}
body .recommend .tags .left a .left-img img {
  width: 12.19555556rem;
}
body .recommend .tags .left a p {
  line-height: 0.99555556rem;
  margin-top: 0.35555556rem;
  font-size: 0.85333333rem;
  color: #3f3f3f;
}
body .recommend .tags .right {
  float: left;
  width: 12.26666667rem;
}
body .recommend .tags .right .right-top {
  display: block;
}
body .recommend .tags .right .right-top .right-img {
  overflow: hidden;
  width: 12.19555556rem;
  border: 1px solid #e5e5e5;
}
body .recommend .tags .right .right-top .right-img .img-o {
  width: 6.96888889rem;
  display: inline;
  float: left;
}
body .recommend .tags .right .right-top .right-img .img-f {
  width: 5.22666667rem;
  display: inline;
  float: right;
}
body .recommend .tags .right .right-top p {
  line-height: 0.99555556rem;
  font-size: 0.85333333rem;
  color: #3f3f3f;
  margin-top: 0.28444444rem;
}
body .recommend .tags .right .right-bottom {
  margin-top: 0.35555556rem;
  display: block;
}
body .recommend .tags .right .right-bottom .right-imgs {
  width: 12.19555556rem;
  border: 1px solid #e5e5e5;
}
body .recommend .tags .right .right-bottom .right-imgs img {
  width: 12.19555556rem;
}
body .recommend .tags .right .right-bottom p {
  line-height: 0.99555556rem;
  font-size: 0.85333333rem;
  color: #3f3f3f;
  margin-top: 0.28444444rem;
}
body .hot {
  background-color: #fff;
  padding-top: 1.06666667rem;
}
body .hot .title {
  font-size: 1.28rem;
  border-left: 0.21333333rem solid #ffc500;
  margin-bottom: 1.06666667rem;
  margin-left: 0.71111111rem;
}
body .hot .pads-o {
  border: 1px solid #e5e5e5;
  width: 26.66666667rem;
  height: 8.10666667rem;
  margin-bottom: 1.06666667rem;
  display: block;
}
body .hot .pads-o .pads-tags {
  height: 8.10666667rem;
  width: 26.66666667rem;
  position: relative;
}
body .hot .pads-o .pads-tags img {
  width: 26.66666667rem;
}
body .hot .pads-o .pads-tags span {
  position: absolute;
  padding-left: 0.71111111rem;
  bottom: 0.35555556rem;
  font-size: 0.85333333rem;
  color: #0b0b0b;
}
body .hot .pads-f {
  border: 1px solid #e5e5e5;
  width: 26.66666667rem;
  height: 8.10666667rem;
  margin-bottom: 1.06666667rem;
  display: block;
}
body .hot .pads-f .pads-tags {
  height: 8.10666667rem;
  width: 26.66666667rem;
  position: relative;
}
body .hot .pads-f .pads-tags img {
  width: 26.66666667rem;
}
body .hot .pads-f .pads-tags span {
  position: absolute;
  padding-left: 0.71111111rem;
  bottom: 0.35555556rem;
  font-size: 0.85333333rem;
  color: #0b0b0b;
}
body .hot .pads-t {
  border: 1px solid #e5e5e5;
  width: 26.66666667rem;
  height: 8.10666667rem;
  padding-bottom: 1.06666667rem;
  display: block;
}
body .hot .pads-t .pads-tags {
  height: 8.10666667rem;
  width: 26.66666667rem;
  position: relative;
}
body .hot .pads-t .pads-tags img {
  width: 26.66666667rem;
}
body .hot .pads-t .pads-tags span {
  position: absolute;
  padding-left: 0.71111111rem;
  bottom: 0.35555556rem;
  font-size: 0.85333333rem;
  color: #0b0b0b;
}
body .footer {
  height: 7.46666667rem;
  text-align: center;
  padding-top: 0.35555556rem;
}
body .footer img {
  margin: 0 auto;
  margin-bottom: 0.78222222rem;
  width: 0.17777778rem;
  display: block;
}
body .footer .btn {
  display: inline-block;
  border-radius: 50%;
  background-color: #ff8f00;
  color: #ffffff;
  width: 3.2rem;
  height: 3.2rem;
  line-height: 0.99555556rem;
}
body .footer .btn span {
  font-size: 0.85333333rem;
  width: 2.77333333rem;
  display: inline-block;
  margin-top: 0.56888889rem;
}
body .menu-bar {
  height: 3.48444444rem;
  width: 26.66666667rem;
  bottom: 0rem;
  left: 0rem;
  background-color: #ff8f00;
  display: flex;
}
body .menu-bar .list {
  width: 20%;
  float: left;
  text-align: center;
  color: #ffffff;
}
body .menu-bar .list.on {
  background-color: #eab826;
}
body .menu-bar .list i {
  font-size: 0.85333333rem;
  color: #ffffff;
}
body .menu-bar .icon {
  width: 2.13333333rem;
  height: 2.13333333rem;
  display: block;
  margin: 0 auto;
  background-size: 2.13333333rem 2.13333333rem;
  background-repeat: no-repeat;
}
body .menu-bar .icon.icon-home {
  background-image: url('../img/icon-home.png');
}
body .menu-bar .icon.icon-type {
  background-image: url('../img/icon-type.png');
}
body .menu-bar .icon.icon-shop {
  background-image: url('../img/icon-shop.png');
}
body .menu-bar .icon.icon-order {
  background-image: url('../img/icon-order.png');
}
body .menu-bar .icon.icon-user {
  background-image: url('../img/icon-user.png');
}
